@keyframes topAni {
    0%{
        right:-100%;
    }
    50%,100% {
        right: 100%;
    }
}
@keyframes bottomAni {
    0% {
        left: -100%;
    }
    50%,100% {
        left: 100%;
    }
}

@keyframes leftAni {
    0% {
            top:-100%;
    }
    50%,100% {
        top:100%;
    }
}

@keyframes rightAni {
    0% {
        bottom:-100%;
    }
    50%,100% {
        bottom:100%;

    }
}
.container {
    height: 100%;
    background:#fff;
    position: relative;
    display: flex;
    .left {
        flex:0.6;
        min-width: 300px;
        flex-shrink: 0;
        background: url(../images/bg.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .right {
        height: 100%;
        flex:0.4;
        position: relative;
        .anti-form {
            overflow: hidden;
            &::before {
                position:absolute;
                display: inline-block;
                height: 4px;
                width: 100%;
                content: "";
                top:0;
                right:-100%;
                background-image:linear-gradient(270deg,transparent,#74ff97,transparent);
                animation: topAni 4s linear 3s infinite;
            }
            &::after {
                position:absolute;
                display: inline-block;
                height: 4px;
                width: 100%;
                content: "";
                left: -100%;
                bottom:0;
                background-image: linear-gradient(270deg,transparent,#b574ff,transparent);
                animation: bottomAni 4s linear 1s infinite;
            }
            .leftAni {
                position:absolute;
                display: inline-block;
                width:4px;
                height: 100%;
                left: 0;
                top:-100%;
                background-image: linear-gradient(0deg,transparent,#ff74ba,transparent);
                animation: leftAni 4s linear infinite;
            }
            .rightAni {
                position:absolute;
                display: inline-block;
                width:4px;
                height: 100%;
                right: 0;
                bottom:-100%;
                background-image: linear-gradient(0deg,transparent,#74efff,transparent);
                animation: rightAni 4s linear 2s infinite;
            }
            width: 80%;
            height:80%;
            position: absolute;
            left: 50%;
            top:50%;
            margin-top: 20px;
            padding:20px 10px 0 20px;
            transform: translate(-50%,-50%);
            border:1px solid cyan;
            border-radius: 1em;
            color:#4966DF;
            text-align: center;
            
            h2 {
                font-weight: bold;
                text-align: left;
                font-size: 26px;
                margin-bottom: 40px;
                span{
                    margin-left: 1em;
                }
            }
        }
    }
}

.ant-btn {
    width:100%;
}